<!-- 收银页面 -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>收银台</title>
    <script src="js/jquery.min.js"></script>
    <script src="js/cashier.js"></script>
    <link rel="shortcut icon" href="favicon (1).ico" />
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/cashier.css">
</head>
<body>
    <!-- 收银台头部 -->
    <div class="shouyin_big">
        <div class="shouyin_left"></div>
        <ul>
            <li><a href="javascript:;">使用帮助</a></li>
            <li></li>
            <li><a href="../shoop_cart.html">我的订单</a></li>
            <li></li>
            <li><a href="javascript:;">w20001128</a></li>
        </ul>
    </div>
    <!-- 收银台顶部 -->
    <div class="shouyin_top">
        <!-- 左侧二维码 -->
        <div class="left_img">
        </div>
        <!-- 订单提交成功文本 -->
        <div class="chenggong_text">
            <div class="chenggong_top">
                <em>订单提交成功，请尽快付款！</em>
                <span>订单号：223630422646</span>
            </div>
            <div class="chenggong_bottom">
                    <span>推荐使用</span>
                    <div class="jd_left_img"></div>
                    <div class="jd_right_img"></div>
                    <span>扫码支付</span>
                    <div class="fenge"></div>
                    <div class="dao_time">
                      <span>请您在</span>
                      <span>23时59分59秒</span>
                      <span>内完成支付，否则订单会被自动取消</span>
                    </div>
            </div>
            <div class=""></div>
        </div>
        <!-- 右侧应付金额 -->
        <div class="yingfu_money">
            <div class="yingfu_top">
                <span>应付金额</span><em>11596.00</em><span>元</span>
            </div>
        </div>
    </div>
    <!-- 收银台主要内容部分 -->
    <div class="shouyin_main">
        <div class="main_big">
            <div class="shouyin_title">请添加银行卡用于支付-安全便捷</div>
            <!-- 快捷支付和网银支付tab栏标题 -->
            <div class="zhifu_title">
                <a class="kuaijie_zhifu zhifu_style" href="javascript:;">
                    <em></em>
                    <span>快捷支付</span>
                </a>
                <a class="wangyin_zhifu" href="javascript:;">
                    <span>网银支付</span>
                </a>
            </div>
            <!-- 快捷支付tab栏内容 -->
            <div class="kuaijie_main_con">
                <!-- 快捷支付左侧 -->
                <div class="kuaijie_con_left">
                    <span>银行与京东支付共同推荐，更安全更方便的支付体验！</span>
                    <div class="yinhang_ka">
                        <em>银行卡号</em>
                        <div class="shuru_box">
                            <i></i>
                            <input type="text" placeholder="输入银行卡号进行识别">
                        </div>
                        <a class="zhichi_yh" href="javascript:;">支持的银行</a>
                    </div>
                    <a class="xiayibu" href="javascript:;">下一步</a>
                </div>
                <!-- 快捷支付右侧 -->
                <div class="kuaijie_con_right">
                    <div class="con_right_title">
                        <i></i>
                        <span>绑卡优惠</span>
                    </div>
                    <div class="con_right_type">
                        <a href="javascript:;">
                            <div class="yh_img"></div>
                            <span>农业银行</span>
                            <div class="manjian">满6.01减6元</div>
                        </a>
                        <a href="javascript:;">
                            <div class="yh_img"></div>
                            <span>交通银行</span>
                            <div class="manjian">立减8元</div>
                        </a>
                        <a href="javascript:;">
                            <div class="yh_img"></div>
                            <span>中国银行</span>
                            <div class="manjian">满10.01减10元</div>
                        </a>
                        <a href="javascript:;">
                            <div class="yh_img"></div>
                            <span>华夏银行</span>
                            <div class="manjian">满8.01减8元</div>
                        </a>
                        <a href="javascript:;">
                            <div class="yh_img"></div>
                            <span>邮政储蓄</span>
                            <div class="manjian">满8.01减8元</div>
                        </a>
                        <a href="javascript:;">
                            <div class="yh_img"></div>
                            <span>北京银行</span>
                            <div class="manjian">立减10元</div>
                        </a>
                    </div>
                </div>
            </div>
            <!-- 网银支付tab栏内容 -->
            <div class="wangyin_main_con">
                <a href="javascript:;">
                    <div class="wangyin_img"></div>
                </a>
                <a href="javascript:;">
                    <div class="wangyin_img"></div>
                </a>
                <a href="javascript:;">
                    <div class="wangyin_img"></div>
                </a>
                <a href="javascript:;">
                    <div class="wangyin_img"></div>
                </a>
                <a href="javascript:;">
                    <div class="wangyin_img"></div>
                </a>
                <a href="javascript:;">
                    <div class="wangyin_img"></div>
                </a>
                <a href="javascript:;">
                    <div class="wangyin_img"></div>
                </a>
                <a href="javascript:;">
                    <div class="wangyin_img"></div>
                </a>
                <a href="javascript:;">
                    <div class="wangyin_img"></div>
                </a>
                <a href="javascript:;">
                    <div class="wangyin_img"></div>
                </a>
                <a href="javascript:;">
                    <div class="wangyin_img"></div>
                </a>
                <a href="javascript:;">
                    <div class="wangyin_img"></div>
                </a>
                <a href="javascript:;">
                    <div class="wangyin_img"></div>
                </a>
                <a href="javascript:;">
                    <div class="wangyin_img"></div>
                </a>
                <a href="javascript:;">
                    <div class="wangyin_img"></div>
                </a>
                <a href="javascript:;">
                    <div class="wangyin_img"></div>
                </a>
                <a href="javascript:;">
                    <div class="wangyin_img"></div>
                </a>
                <a href="javascript:;">
                    <div class="wangyin_img"></div>
                </a>
                <a href="javascript:;">
                    <div class="wangyin_img"></div>
                </a>
                <a href="javascript:;">更多银行</a>
            </div>
            <!-- 立即支付 -->
            <div class="liji_zhifu">立即支付</div>
        </div>
         <!-- 中国银联和微信支付 -->
        <div class="qita_zhifu">
            <a class="yinlian" href="javascript:;">
                <div class="yinlian_img"></div>
                <span>中国银联</span>
            </a>
            <div class="fenge"></div>
            <a class="weixin" href="javascript:;">
                <div class="weixin_img"></div>
                <span>微信支付</span>
            </a>
        </div>
    </div>
    <!-- 收银台底部 -->
    <div class="shouyin_bottom">
        <span>Copyright © 2004-2021 京东JD.com 版权所有</span>
        <div class="bottom_img"></div>
        <em>由网银在线（北京）科技有限公司提供技术支持</em>
    </div>
</body>
</html>